<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!--[if lt IE 9]>
<script type="text/javascript" src="../Public/js/html5.js"></script>
<script type="text/javascript" src="../Public/js/respond.min.js"></script>
<script type="text/javascript" src="../Public/js/PIE_IE678.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="../Public/css/H-ui.css"/>
<link type="text/css" rel="stylesheet" href="../Public/css/H-ui.admin.css"/>
<link type="text/css" rel="stylesheet" href="../Public/font/font-awesome.min.css"/>
<script type="text/javascript" src="../Public/js/jquery.min.js"></script>
<script type="text/javascript" src="../Public/js/jquery.form.js"></script>
<script type="text/javascript" src="../Public/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="App/Home/View/Public/layer/layer.js"></script>
<!-- <script type="text/javascript" src="App/Home/View/Public/script/uploadify.css"></script> -->
<script type="text/javascript" src="App/Home/View/Public/script/jquery.uploadify.min.js"></script>

<!--[if IE 7]>
<link href="../Public/font/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->
<title></title>
<style>
.table th{font-weight:none; color: #585858;font-size: 14px; width:300px;}

.checkbox-wrap{
    width: 90%;
    position: relative;
    margin: 0 auto;
    top: 30%;
    height: 40%;
    left: -4%;
    /*background-color: white;*/
}
input[type="checkbox"]{
    /* width: 40px; */
    /* height: 40px; */
    /* -webkit-border-radius: 50%; */
    display: none;
}
input[type="checkbox"]+label {
    display: inline-block;
    /*width: 48%;*/
    margin-top: 10px;
    margin-left: 5px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 12px
}

label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #6f6a6a;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
      -moz-transition:background ease-in .5s;
  -webkit-transition:background ease-in .5s
}

input[type="checkbox"]:checked+label::before{
      background-color:#18BC9C;
    border: 5px #EEEEEE solid;
}

.uploadify-button {
background:url(../Public/images/个人中心-设计师申请_+.png ) no-repeat  ;
padding-top: 30px;
border: 1px solid #fff;
display: block;
border-radius:0px ;
border:none;


}
.uploadify:hover .uploadify-button {
background:url(../Public/images/个人中心-设计师申请_+.png ) no-repeat  ;
padding-top: 30px;
border:none;


}

 .uploadify-queue{ display: none;
    }

</style>
</head>
<body>
<nav class="Hui-breadcrumb"><i class="icon-home"></i> 首页 <span class="c-gray en">&gt;</span>商品信息 <span class="c-gray en"></span> {$navAction} <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="icon-refresh"></i></a></nav>
<div class="pd-20">
  <div class="Huiform">
    <form action="" method="post" id="form1" enctype="multipart/form-data" name="form1" onsubmit="return check();">
      <table class="table radius table-striped table-hover  " >
        <tbody>
 
   <!--         <tr>
            <th  class="text-r" >商品图片：</th>
            <td><input type="file" style="width:300px" class="input-text"  name="pic">
    
      </td>
          </tr> -->
              <tr>
                 <th  class="text-r">材质分类：</th>
                  <td>
                       <select style="width:310px;" name="cid" id="cid" class="input-text radius" >
                        <option value="0">==选择==</option>
                           {$info.pidOption}
                        </select>
                      </td>
             </tr>


             <tr>
                 <th  class="text-r">款式分类：</th>
                  <td>
                       <select style="width:310px;" name="kuanshi" id="kuanshi" class="input-text radius" >
                        <option value="0">==选择==</option>
                          <volist name="kuanshi" id="vo"> 
                          <option value="{$vo.ks_name}">{$vo.ks_name}</option>

                          </volist>
                        </select>
                      </td>
             </tr>

                 <tr>
            <th  class="text-r" >商品图片(600*600)：</th>
            <td>  <div style="width: 40%;display: flex;flex-direction: row;">
       
              <img id="img2"  style="width:140px; "  src="" width="11" height="100" border="0" />
            
              <div class="imgBlock" >

    <input id="file_upload" name="file_upload" type="file" width="0" multiple="true" value="" />

                    </div>
            </div>
    
      </td>
       <input  name="img" type="hidden" id="zhaopian" width="0" multiple="true" value="" />
          </tr>
          <tr>
            <th  class="text-r" >名称：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="名称" value="" name="name">
    
      </td>
          </tr>
             <tr>
            <th  class="text-r" >材质：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="材质" value="" name="chengse">
    
      </td>
          </tr>

                  
       
             <tr>
            <th  class="text-r" >重量：</th>
            <td>
            <div class="checkbox-wrap">
            <volist name="ljj" id="vo">
  <input type="checkbox" value="{$vo.id}" name="jinz[]" id="{$vo.id}">
  <label for="{$vo.id}">{$vo.huxing}</label>


</volist>
</div>
      </td>
          </tr>
           <tr>
            <th  class="text-r" >规格：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="规格" value="" name="guige">
    
      </td>
          </tr>

     
              <tr>
            <th  class="text-r" >颜色：</th>
            <td>
             <div class="checkbox-wrap">
            <volist name="list" id="vo">
  <input type="checkbox" value="{$vo.id}" name="yanse[]" id="{$vo.id}">
  <label for="{$vo.id}">{$vo.yanse}</label>

</volist>
    </div>
      </td>
          </tr>
   
    <!--  
      <tr>
            <th  class="text-r" >主石名称：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="主石名称" value="" name="zhushi">
    
      </td>
          </tr>
                <tr>
            <th  class="text-r" >主石重：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="主石重" value="" name="zhong">
    
      </td>
          </tr>
                    <tr>
            <th  class="text-r" >主石数量：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="主石数量" value="" name="shuliang">
    
      </td>
          </tr>
   
             <tr>
            <th  class="text-r" >副石名称1：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石名称1" value="" name="fsmc">
    
      </td>
          </tr>
              <tr>
            <th  class="text-r" >副石1重量：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石1重量" value="" name="fszl">
    
      </td>
          </tr>
                    <tr>
            <th  class="text-r" >副石1数量：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石1数量" value="" name="fssl">
    
      </td>
          </tr>


             <tr>
            <th  class="text-r" >副石名称2：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石名称2" value="" name="fsmcs">
    
      </td>
          </tr>
              <tr>
            <th  class="text-r" >副石2重量：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石2重量" value="" name="fszls">
    
      </td>
          </tr>
                    <tr>
            <th  class="text-r" >副石2数量：</th>
            <td><input type="text" style="width:300px" class="input-text"  size="60" placeholder="副石2数量" value="" name="fssls">
    
      </td>
          </tr>
   -->
  


       <tr>
            <th class="text-r">商品详情内容 ：</th>
            <td>
            
          
              <script type="text/javascript" src="App/Admin/View/Public/ue/ueditor.config.js"  charset="utf-8" ></script>
              <script type="text/javascript" src="App/Admin/View/Public/ue/ueditor.all.js"  charset="utf-8" ></script>
              <script type="text/javascript" src="App/Admin/View/Public/ue/lang/zh-cn/zh-cn.js" charset="utf-8" ></script>

              <script type="text/javascript">
                var ue = UE.getEditor('container');
           
              </script>
       
                 <script type="text/plain" id="container" name="intro" style="width:90%;height:260px"></script>

             
      </td>
          </tr>
          <tr>
            <th></th>
            <td><button class="btn btn-success radius" id="submit" type="submit"><i class="icon-ok"></i>确定</button></td>
          </tr>
        </tbody>
      </table>
	      
    </form>
  </div>
</div>

<script type="text/javascript">

function check(){


  if ($('#cid').val()==0) {
    layer.msg('选择材质分类',{time:1000});
    
    return false;
  }

  if ($('#kuanshi').val()==0) {
    layer.msg('选择款式分类',{time:1000});
    
    return false;
  }


  if ($('#zhaopian').val()=='') {
    layer.msg('图片不能为空',{time:1000});
    
    return false;
  }
if (document.form1.name.value=='') {
      layer.msg('商品名称不能为空');
    document.form1.name.focus();
    return false;
}


// if (UE.getEditor('container').hasContents()=='') {
// layer.msg('输入详情内容');
// return false;
// }


}
$(function(){
$('#file_upload').uploadify({
        'swf'      : 'App/Home/View/Public/script/uploadify.swf',
         'method'   : 'post',
        'uploader' : '{:U("Hotnew/tupian")}',
            'height':70,
'uploadLimit'  : 5,
'multi': false,
        'buttonText' : '',
        'onUploadSuccess' : function(file, data1, response) {


            $('#img2').attr('src','Uploads/'+ data1);
             $('#zhaopian').val(data1);
        },
    });




})

</script>

</body>
</html>